<script src="/public/system/js/contabs.js"></script>
{volist name="ruleList" id="one"}
{eq name="one.is_son" value="1"}
<li {eq name="i" value="1"}class="active"{/eq}>
    <a href="{$one.url}" title="{$one.title}">{notempty name="one.icon"}<i class="fa {$one.icon}"></i>{/notempty} <span class="nav-label">{$one.title}</span>
        <span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
        {volist name="one.children" id="two"}
        {eq name="two.is_son" value="1"}
        <li>
            <a href="{$two.url}">{notempty name="two.icon"}<i class="fa {$two.icon}"></i>{/notempty} {$two.title} <span class="fa arrow"></span></a>
            <ul class="nav nav-third-level">
                {volist name="two.children" id="three"}
                <li>
                    <a class="J_menuItem" href="{$three.url}">{notempty name="three.icon"}
                        <i class="fa {$three.icon}"></i>{/notempty} {$three.title}
                    </a>
                </li>
                {/volist}
            </ul>
        </li>
        {else/}
        <li>
            <a class="J_menuItem" href="{$two.url}" title="{$two.title}">
                {notempty name="two.icon"}<i class="fa {$two.icon}"></i>{/notempty} {$two.title}
            </a>
        </li>
        {/eq}
        {/volist}
    </ul>
</li>
{else/}
<li>
    <a class="J_menuItem" href="{$one.url}"  title="{$one.title}">
        {notempty name="one.icon"}<i class="fa {$one.icon}"></i>{/notempty}
        <span class="nav-label">{$one.title}</span>
        <span class="arrow-right fa fa-angle-right"></span>
    </a>
</li>
{/eq}
{/volist}